<template>
  <div class="weixin">
    <p class="weixinright"><img src="../img/weixin.png" alt="" /></p>
  </div>
  <div class="blank">
    <dl class="tager">
      <dt class="hafo">
        <img src="../img/hafo.png" alt="" />
      </dt>
      <dd class="will">将于6月7号开课</dd>
    </dl>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },

  components: {},
};
</script>

<style lang="less" scoped>
.weixin {
  width: 100%;
  height: 100%;
  background-image: url("../img/我的背景.jpg");
  padding: 50px 0;
  border-radius: 0 0 5% 5%;

  position: relative;
  .weixinright {
    margin: 10px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 320px;
    top: 10px;
  }
}
.blank {
  width: 100%;
  height: 100%;
  margin: 30px;
  .hafo {
    width: 100%;
    height: 100%;
    img {
      display: block;
      width: 150px;
      height: 110px;
    }
  }
  .will {
    display: inline-block;
    font-size: 16px;
    margin-left: 15px;
    color: #808080;
  }
}
</style>
